
/* root element for tabs  */
ul.css-tabs {  
	/*margin:0 !important; */
	padding:0;
	height:30px;
    border-color: #cccccc;
    border-bottom:1px solid #d4dae8;
    margin-right:auto;
    margin-left:auto;
    margin-top:0;
    margin-bottom:0;
    width:682px;

}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
    text-align:center;
	list-style-type:none;
    margin-left:auto;
    margin-right:auto;

}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #d4dae8;
	border-bottom:0;
	height:18px;
	background-color:#cccccc;
	color:#333;
	margin-right:0;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;
    width:279px;
}

ul.css-tabs a:hover {
	background-color:#6d84b4;
	color:#fff;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#eceff6;
	border-bottom:1px solid #eceff6;
	color:#333;
	cursor:pointer;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background-color: #3b5998;
    border: 1px solid #d8dfea;
    padding: 8px;
    color: #fff;
	height:auto;
	width:auto;
    font-size: 12px;
    font-weight: bold;
    margin-left:10px;
    border-radius:10px;
    border-bottom-left-radius:0px;
    -webkit-box-shadow:0 0 18px rgba(0,0,0,3.4);
    -moz-box-shadow:0 0 18px rgba(0,0,0,3.4);
    box-shadow:0 0 18px rgba(0,0,0,3.4);
}
	
/* tab pane */
/*.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}*/



